<!DOCTYPE HTML>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>GobYang</title>
  <link href="http://thaidh.com/img/fav.png" rel="icon">
  <link rel="stylesheet" href="../static/editor/css/editormd.min.css" />
  <style>
	.form_text,.form_select,footer{padding: 15px 0; width: 90%;margin: 0 auto;}
	.article_title{ width:50%; border:1px solid #cfdada; padding:0 4px; display:block; height: 32px;  font-size: 14px; }
	.article_tag { width:50%; border-color: #cfdadd; border-radius: 2px; display:block; height: 34px; padding: 6px 12px; font-size: 14px; }
	.submit {padding: 8px 20px; font-size: 16px; border-radius:2px; line-height: 20px; color: white; border:none;  background: #15a7f0; cursor:pointer; }	
  </style>
</head>
<body>
<div class="form_text">
	<input type="text" id="article_name" class="article_title" name="article_name" placeholder="文章标题" />
</div>
<div class="form_text">
	<input type="text" id="tag" class="article_title" name="tag" placeholder="文章标签" />
</div>
<div id="editormd">
    <textarea style="display:none;">### 文章标题</textarea>
</div>
<footer>
	<button type="button" class="submit">保存</button>
</footer>	
<script src="http://thaidh.com/js/jquery.min.js"></script>
<script src="../static/editor/editormd.min.js"></script>
<script type="text/javascript">
	$(function(){
	var editor = editormd("editormd", {  
                        width  : "90%", // 编辑器宽
                        height  : 650, // 编辑器高
                        path  : '../static/editor/lib/', // Editormd目录里面的lib目录路径
                        //theme : "dark", // 编辑器主题
                        //previewTheme : "chrome", // 预览区主题
                        //editorTheme : "lesser-dark", // 编辑区主题
                        codeFold : true, // 启用代码折叠
                        saveHTMLToTextarea : true,    // 保存 HTML 到 Textarea
			toolbarIcons : function() {
				return editormd.toolbarModes['full'];
			},
                        searchReplace : true, // 启用搜索替换
                        htmlDecode : "style,script,iframe|on*", // 开启 HTML 标签解析，为了安全性，默认不开启    
                        taskList : true, // 任务列表
                        tocm      : true,         // Using [TOCM]
                        tex : true,               // 开启科学公式TeX语言支持，默认关闭
                        flowChart : true,         // 开启流程图支持，默认关闭
                        sequenceDiagram : true,   // 开启时序/序列图支持，默认关闭,
                        imageUpload : true, // 启用图片上传
                        imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"], // 允许上传的图片类型
                        imageUploadURL : "/editor/upload", // 处理图片上传功能的地址
                        onload : function() { // 加载完毕的回调函数
                        	console.info('EditorMD 加载完毕!');
                        	//watch : false,                // 关闭实时预览
                        	//toolbar  : false,             //关闭工具栏
                        	//previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
                        	//dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
                        	//dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
                        	//dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
                        	//dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
                        	// dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
                        }
	});
	$('.submit').on('click',function(){
		//保存Markdown源码
		var markdown_content = editor.getMarkdown();
		//保存html源码
		var content = editor.getHTML();
		var article_name = $("#article_name").val();
		var tag = $("#tag").val();
		$.post('/editor/handle-add',{"article_name":article_name,"tag":tag,"content":content,"markdown_content":markdown_content},function(data){
			console.log(data);
		});
	});
});
</script>
</body>
</html>
